<!DOCTYPE html>
<html><head><meta name="GCD" content="YTk3ODQ3ZWZhN2I4NzZmMzBkNTEwYjJlf0caed9c61e7bd01c9ddcdb9aae5f3f2"/>
  <meta charset="utf-8">
  <title>action</title>
  <meta name="generator" content="Google Web Designer 1.9.0.0619">
  <meta name="template" content="Expandable 3.0.0">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- <link href="gwdpage_style.css" rel="stylesheet" data-version="8" data-exports-type="gwd-page"> -->
  <!-- <link href="gwdpagedeck_style.css" rel="stylesheet" data-version="9" data-exports-type="gwd-pagedeck"> -->
  <style type="text/css" id="gwd-lightbox-style">.gwd-lightbox {
    overflow: hidden;
}</style>
  <style type="text/css" id="gwd-text-style">p {
    margin: 0px;
}
h1 {
    margin: 0px;
}
h2 {
    margin: 0px;
}
h3 {
    margin: 0px;
}</style>
  <style type="text/css">html,
body {
    width: 100px;
    height: 100px;
    margin: 0px;
}
.gwd-page-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.gwd-page-content {
    background-color: transparent;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    perspective: 1400px;
    -webkit-perspective: 1400px;
    -moz-perspective: 1400px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    position: absolute;
}
.gwd-page-wrapper {
    background-color: rgb(255, 255, 255);
    position: absolute;
    transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
}
.page1-content {
    width: 550px;
    height: 400px;
}
.gwd-div-qh3n {
    height: 100px;
    width: 100px;
}
.gwd-div-18na {
    height: 100px;
    width: 100px;
}
.switch {
    position: relative;
    display: inline-block;
    height: 34px;
    width: 60px;
    left: 19px;
    top: 12px;
    border-radius: 2px;
}
.switch input {
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgb(204, 204, 204);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    border-radius: 2px;
}
.slider::before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    border-radius: 2px;
}
input:checked + .slider {
    background-color: rgb(33, 150, 243);
}
input:focus + .slider {
    box-shadow: rgb(33, 150, 243) 0px 0px 1px;
}
input:checked + .slider::before {
    transform: translateX(26px);
    -webkit-transform: translateX(26px);
    -moz-transform: translateX(26px);
}
.gwd-button-rcsv {
    position: absolute;
    width: 60px;
    height: 34px;
    left: 20px;
    top: 54px;
    background-image: none;
    background-color: rgb(44, 173, 255);
    border-style: none;
    border-radius: 2px;
	font-size: 13.3px;
  }</style>
  <!-- <script data-source="googbase_min.js" data-version="4" data-exports-type="googbase" src="googbase_min.js"></script><script data-source="gwd_webcomponents_min.js" data-version="5" data-exports-type="gwd_webcomponents" src="gwd_webcomponents_min.js"></script> -->
  <!-- <script data-source="gwdpage_min.js" data-version="8" data-exports-type="gwd-page" src="gwdpage_min.js"></script><script data-source="gwdpagedeck_min.js" data-version="9" data-exports-type="gwd-pagedeck" src="gwdpagedeck_min.js"></script> -->
</head>

<body class="document-body">
  <div is="gwd-pagedeck" class="gwd-page-container" id="pagedeck">
    <div is="gwd-page" id="page1" class="gwd-page-wrapper page1-content gwd-lightbox gwd-div-18na" data-gwd-width="100px" data-gwd-height="100px">
      <div class="gwd-page-content page1-content gwd-div-qh3n">
        <label class="switch">
          <input id="switch" type="checkbox">
          <span class="slider"></span>
        </label>
        <button class="gwd-button-rcsv" style="text-shadow: rgb(0, 64, 91) 0px 0px 0.5px; color: rgb(255, 255, 255);" id="detail" data-message="UI_detail">Detail</button>
      </div>
    </div>
  </div>
  <!-- <script src="gwd-init-code.js"></script> -->
  <script src="../../config.js"></script>
  <script src="index.js"></script>


</body></html>
